Vue.component('home1',{
	template:`
  <div style="background-image: url('./assets/home.png');;width: 100%;height: 100%;background-repeat: round;display: flex;align-items: flex-end;justify-content: center;">
  <div style="">
    <div style="display: flex;justify-content: center;align-items: center;">
          <img style="width: 433px;height: 871px;" src="./assets/位图备份 2.png" alt="">
          <img style="position: relative; left: -192px;width: 375px;height: 755px;top: 55px;" src="./assets/位图.png" alt="">
          <div style="    display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: flex-start;">
              <div style="font-weight: 600;
              color: #FFFFFF;
              font-size: 40px;
              line-height: 80px;">
                  热浪App
              </div>
              <div style="font-weight: 600;
              color: #FFFFFF;
              font-size: 30px;
              line-height: 49px;">
                  年轻人的发声平台
              </div>

              <div style="width: 180px;
              margin-top: 39px;
              height: 49px;
              background: #9057F8;
              border-radius: 50px;text-align: center;line-height: 49px;font-size: 23px;">
                  <div style="font-weight: 500;
                  color: #FFFFFF;cursor: pointer;
                  ">
                      立即下载
                  </div>
              </div>

              <div style="font-weight: 600;
              color: #FFFFFF;
              font-size: 20px;
              line-height: 49px;">
                  各大应用商店都可下载
              </div>
          </div>
      </div>
  </div>  
  </div>
  
        `
});